.enroll-container {
  font-size: 14px;
  color: #5e5e5e !important;

  :deep(.van-nav-bar) {
    background: #f6f8f8 !important;
  }

  main {
    .form {
      padding: 0 10px;

      .field-box {
        border-radius: 8px;
        box-shadow: 2px 2px 5px rgba(#698bd5, 0.5);
        margin: 15px 0;

        p {
          width: 100%;
          background: white;
          text-align: center;
          border-radius: 8px;
        }

        .place {
          border-radius: 8px;
         :deep(.van-field__control::placeholder){
           color: #969696;
         }
        }


      }

      :deep(.van-field__control:disabled) {
        color: #5e5e5e !important;
      }

      :deep(input::placeholder) {
        color: #5e5e5e;
      }

      :deep(.van-dropdown-menu.field-box) {
        border-radius: 8px;
      }

      :deep(.van-dropdown-menu__bar) {
        border-radius: 8px;
      }

      .sex-container {
        display: flex;
        justify-content: space-between;

        .sex-box {
          width: 48%;
          background-color: white;
          border-radius: 8px;
          box-shadow: 2px 2px 5px rgba(#698bd5, 0.5);
          padding: 10px;
          text-align: center;

        }

        .sex-active {
          color: white;
          background-color: #4b79e3;
        }
      }

      .info-container {
        display: flex;
        justify-content: space-between;

        .info-box {
          width: 48%;
          background-color: white;
          border-radius: 8px;
          box-shadow: 2px 2px 5px rgba(#698bd5, 0.5);
          padding: 10px;
          text-align: center;
        }
      }
    }
  }
}


:deep(.van-popup.van-popup--center.van-dialog) {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 70%;
}
